@import 'iview-variables.less';

@headerHeight: 60px;
@sideWidth: 240px;
@mainHeight: calc(100Vh - @headerHeight);
@mainSpacing: 5px;



html,body,#app{
    background-color: #f9f9f9;
    width: 100%;
    height: 100%;
}

.scrollbar{
  &::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
  }
  &::-webkit-scrollbar-thumb {
    background-color: #dbddde;
    border-radius: 3px;
  }
  &::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: transparent;
  }
}


// CSS Module 有一个:export关键字，它在功能上等同于 ES6 的关键字export，即导出一个 js 对象。
:export {
  name: "common";
  headerHeight: @headerHeight;
  sideWidth: @sideWidth;
}